/*导航*/

*{
	padding:0;
	margin: 0;
	box-sizing: border-box;

}

a{
	text-decoration: none; /*去掉文字样式*/
}

ol,ul{
	list-style: none; /*去掉列表样式*/
}

#nav-header a, #nav-header a:link, #nav-header a:visited{
	color: #666;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	font-family: Microsoft Yahei;
}

#nav-header a:hover,
#nav-header nav li:hover{
	color: #EE5C42;
}

#nav-header{
	background-color: #fff;
	width: 100%;
	height: 70px;
	line-height: 70px;
	border-bottom: 1px solid #e4e4e4;
}

#nav-header.fixed{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

#nav-header .header{
	width: 1200px;
	margin: 0 auto;

}
#nav-header .header .logo{
	width: 100px;
	margin-top: 5px;
	float: left;
	margin-right: 10px;
}
#nav-header .header .logo img{
	display: block;
	height: 60px;
}

#nav-header .header nav{
	width: 500px;
	display: inline-block;
	border: 1px red solid;
	float: left;
}

#nav-header .header nav li{
	color: #666;
	font-size: 15px;
	text-decoration: none; /*字体样式*/
	list-style: none;
	line-height: 69px;
	padding-right: 28px;
	display: inline;  /*并排显示*/
	position: relative;
	cursor: pointer;
	float: left;
}

#nav-header .header nav li i.slide-icon{
	background-image: url(../images/jiantou.png);
	background-position: 307px -1595px;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 5px;
	transition: ALL 0.4s ease-in-out;   /*定义过渡效果，过渡时间0.4秒，开始结束的动作都快*/
	/*过渡效果的兼容性设置*/
	-webkit-transition: ALL 0.4s ease-in-out;
	-moz-transition: ALL 0.4s ease-in-out;
	-o-transition: ALL 0.4s ease-in-out;
}

#nav-header .header nav li:hover i.slide-icon{ /*hover表示鼠标放在该位置*/
	transform: rotate(90deg); /*transform是变换效果，rotate方法是旋转180度*/
	margin-top: 15px;
	/*过渡效果的兼容性设置*/
	-webkit-transform: rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
}

#nav-header .slide-submeu{
	position: absolute;
	width: 200px;
	border: 1px red solid;
	top: 69px;
	left: 0;
	z-index: 20;
	box-shadow: -1px 3px 5px(000,000,000,0.3);
	padding:5px 0px;
	display: none;
}

#nav-header nav li:hover .slide-submeu{ /*hover表示鼠标放在该位置*/
	display: block;
}

#nav-header .slide-submeu a{ 
	display: block;
	font-size: 12px;
	line-height: 40px;
	padding:  0 15px;
}

#nav-header .slide-submeu a:nth-child(2n){ /*双数行*/
	background: #fafafa;
}

#nav-header .slide-submeu .news a{ 
	display: block;
	font-size: 12px;
	line-height: 30px;
	padding:  0 15px;
}

#nav-header .slide-submeu .news a:nth-child(2n){ /*双数行*/
	background: #ffffff;
}

#nav-header .slide-submeu .news strong{
	display: block;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	padding: 0px 15px;
	color: #999;
	background: #fafafa
}

/*菜单图标*/
#nav-header .news-submenu a i{
	display: inline-block;
	float: left;
	width: 14px;
	height: 14px;
	margin-top: 8px;
	margin-right: 10px;
}
/*
#nav-header .news-submenu a i.web-icon{
	background-image: url(../images/icon/.png);
}
#nav-header .news-submenu a i.abdroid-icon{
	background-image: url(../images/icon/.png);
}
#nav-header .news-submenu a i.ios-icon{
	background-image: url(../images/icon/.png);
}
#nav-header .news-submenu a i.python-icon{
	background-image: url(../images/icon/.png);
}
#nav-header .news-submenu a i.wx-icon{
	background-image: url(../images/icon/.png);
}
#nav-header .news-submenu a i.golang-icon{
	background-image: url(../images/icon/.png);
}
	*/
#nav-header .search{
	height: 32px;
	width: 220px;
	border: 1px solid #000000;
	display: inline-block;
	float: left;
	margin-top: 20px;
	transition: all .3s;
}

#nav-header .search input{
	height: 30px;
	width: 180px;
	border: none;
	border-right: 1px solid #000000;
	padding: 0px 8px;
	outline: none;
	font-size: 12px;
	display: inline;
	float: left;
}

#nav-header .search-icon img{
	height: 30px;
	width: 30px;
	float: right;
	margin-right: 3px;
	display: inline-block;
}